<template>
  <div
    :class="['el-col', className]"
    :style="{ padding, margin, borderRadius: { radius }, width, height }"
  >
    <slot>{{ text }}</slot>
  </div>
</template>

<script>
export default {
  name: "ElCol",
  commentName: "ElCol",
  props: {
    // 边框圆角
    radius: {
      type: String,
      default: "",
    },
    // 宽
    width: {
      type: String,
      default: "",
    },
    // 高度
    height: {
      type: String,
      default: "",
    },
    padding: String,
    margin: String,
  },
};
</script>

<style></style>
